@import "header.html"
<link rel="stylesheet" href="../css/log_in.css">
<body>

<main id="main">
    <div class="banner">
       <span class="back" onclick="fxj.closeWin()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jiantou"></use>
            </svg>
       </span>
        <img src="../image/login_pic.jpg">
    </div>

    <section id="form">
        <div class="switch-login-type">
            <div @click="switchPwdOrAuthCode(false)" :class="{active:!usePwdLogin}">手机快捷登陆</div>
            <div @click="switchPwdOrAuthCode(true)" :class="{active:usePwdLogin}">账号密码登陆</div>
        </div>
        <label for="tel" class="tel-ipt">
            <input id="tel" name="tel" type="text" :placeholder="!usePwdLogin?'手机号码':'手机号码 / 用户名'" v-model="reqData.tel"
                   @keyup="keyup">
        </label>
        <label v-cloak v-show="usePwdLogin" for="pwd" class="tel-ipt">
            <input id="pwd" name="pwd" type="password" placeholder="请输入密码" v-model="reqData.pwd"
                   onkeyup="doLogin(event)">
        </label>
        <div v-show="!usePwdLogin" class="auth-code-container">
            <label for="authCode" class="auth-code-ipt">
                <span class="auth-code">
                <input id="authCode" class="mui-input-password" type="number" placeholder="输入验证码"
                       v-model="reqData.code" onkeypress="doLoginOrLogUp(event)">
            </span>
            </label>
            <span></span>
            <a class="auth-code-btn" v-text="getAuthCodeText" @click="getAuthCode"></a>
        </div>
        <button type="button" class="mui-btn mui-btn-success mui-btn-block" @click="submit"
                v-text="loginOrLogUp==='log in'?'立即登录':'立即注册'"></button>
        <p style="font-size: 13px">未注册的用户，请使用手机、验证码快速登录。</p>
        <!--<div class="log-up">
            <a v-show="usePwdLogin" onclick="goPage('forget_pwd.html')" v-cloak>忘记密码?</a>
        </div>-->
    </section>
</main>

@import "js.html"
<script src="../script/log_in.js"></script>
</body>
@import "footer.html"